Design Systems Made Simple

Build consistent, beautiful interfaces with our component library and design tokens.

Get Started

Color Tokens

Semantic color system with light and dark mode support out of the box.

#667eea
You — just now
Great card layout — use this rounded corner + subtle shadow pattern for our feature cards.

Typography Scale

Harmonious type system with responsive sizes and weights.

Spacing Grid

Consistent 4px-based spacing scale for predictable layouts everywhere.

5
X-IPE Reference
Phase 1 — Core
Phase 2 — Advanced
Collected References
3 colors 2 elements
Drag to move toolbar
IDEA-018 · Mockup Injected Reference Toolbar — Simulated on a sample website. Shows hamburger collapsed state, expanded tool panel with Phase 1/2 tools, collected data summary, element highlighting with CSS selector, color picker swatch, and comment bubble.